const st0 = { opacity: 0.6 };
const st1 = { opacity: 0.8 };
const style = { enableBackground: "new 0 0 22 20" };

const Service = ({ fill, className, ...rest }) => (
	<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
		viewBox="0 0 360 360" style={style} className={className} {...rest}>
		<title>servicemeshinterface-icon-white</title>
		<circle style={st0} cx="41.2" cy="59.9" r="14.9" />
		<path style={st1} d="M280,164.4c-7.3,0-13.5,5.2-14.7,12.4L197.1,245h-73.8L58,179.7l105-105c8.1-1.3,13.6-9,12.3-17.2
	c-1.3-8.1-9-13.6-17.2-12.3c-6.5,1.1-11.6,6.3-12.4,12.9L39.4,164.5c-8.2,1-14,8.4-13,16.6c0.8,6.5,5.7,11.7,12.1,12.9l68.4,68.4
	v90.1h107.4v-90.9l67.4-67.4c8.2-1,14-8.4,13.1-16.6C293.9,170,287.5,164.4,280,164.4z M172.5,307.6c-4.9,6.5-14.2,7.9-20.8,2.9
	c-6.5-4.9-7.9-14.2-2.9-20.8s14.2-7.9,20.8-2.9c3.7,2.8,5.9,7.2,5.9,11.9C175.5,301.9,174.5,305,172.5,307.6z"/>
		<circle style={st0} cx="280" cy="298.7" r="14.9" />
		<circle style={st0} cx="41.2" cy="298.7" r="14.9" />
		<path style={st0} d="M280,6.8c-29.6,0-53.7,24-53.7,53.6c0,10.2,2.9,20.2,8.4,28.8l-75.2,75.2c-8.2,0.6-14.4,7.8-13.7,16
	c0.6,8.2,7.8,14.4,16,13.7c6.6-0.5,12-5.3,13.4-11.7l76.4-76.4c25.2,15.7,58.3,8,74-17.1s8-58.3-17.1-74C299.9,9.6,290,6.8,280,6.8z
	 M280,75.5c-8.2,0-14.9-6.7-14.9-14.9c0-8.2,6.7-14.9,14.9-14.9c8.2,0,14.9,6.7,14.9,14.9c0,0,0,0,0,0
	C294.9,68.8,288.2,75.4,280,75.5z"/>
	</svg>
)

export default Service;